<template>
    <div class="home">
        <Header head-title="余额充值" go-back="true"></Header>

        <section class="group">
            <section class="Select CardApply">
                <p class="fonts">金额</p>
                <input type="text" class="Back_input" placeholder="请输入充值金额">
            </section>
        </section>

        <section class="group">
            <section class="Select TanDiv" @click="SelectPay()">
                <div class="Select">
                    <img class="TanIcon" src="../../../assets/img/wechat.png" alt="">
                    <p class="fonts">选择充值渠道</p>
                </div>
                <div class="recoBg2 TanRight" v-if="SelectWe">
                    <img src="../../../assets/img/right.png" alt="">
                </div>
            </section>
            <section class="Select TanDiv" @click="SelectPay1()">
              <div class="Select">
                <img class="TanIcon" src="../../../assets/img/LogoB.png" alt="">
                <p class="fonts">中国银行 尾号3727</p>
              </div>
              <div class="recoBg2 TanRight" v-if="SelectWe1">
                <img src="../../../assets/img/right.png" alt="">
              </div>
            </section>
            <section class="Select TanDiv" @click="cardPay()">
                <div class="Select">
                    <img class="TanIcon" src="../../../assets/img/cardPay.png" alt="">
                    <p class="fonts">添加银行卡充值</p>
                </div>
                <div class="arrow Select">
                    <img src="../../../assets/img/arrow.png" alt="">
                </div>
            </section>
        </section>

        <p class="fonts fontC6 p1">注：金额只能充值到平顶山市网上就医平台账户，在就诊消费过程中，可选择余额进行消费支付</p>

        <el-button class="Login gotoPay" type="primary">下一步</el-button>
    </div>
</template>
<script>

import Header from '../../../components/Header'

export default {
  data () {
    return {
      SelectWe: false,
      SelectWe1: false
    }
  },
  components: {
    Header
  },
  methods: {
    SelectPay () {
      this.SelectWe = true
      this.SelectWe1 = false
    },
    SelectPay1 () {
      this.SelectWe1 = true
      this.SelectWe = false
    },
    //  添加银行卡
    cardPay () {
      this.$router.push({
        path: '/WalletCardPay'
      })
    }
  }
}
</script>

<style scoped>
.home {
    background: none;
    padding-top: 0.8rem;
}
</style>
